<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <title>sale_product.css</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="../../../../../css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../../css/main.css" type="text/css" media="screen" />
<link rel="stylesheet" href="../../../../../css/github.css" type="text/css" media="screen" />
<script src="../../../../../js/jquery-1.3.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../js/jquery-effect.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../js/main.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../../../js/highlight.pack.js" type="text/javascript" charset="utf-8"></script>

</head>

<body>
    <div class="banner">
        
        <h1>
            sale_product.css
        </h1>
        <ul class="files">
            
            <li>
                lib/assets/stylesheets/sale_app/sale_product.css
                
            </li>
            <li>Last modified: 2017-02-27 20:48:10 +0800</li>
        </ul>
    </div>

    <div id="bodyContent">
        <div id="content">
  
    <div class="description">
      
<p>div.body-sales-products{</p>

<pre><code>margin-left: 150px;
margin-top: 60px;
position: absolute;</code></pre>

<p>}</p>

<p>div.product_img_div {</p>

<pre><code>float: left;
width: 1000px;
margin-top: 30px;</code></pre>

<p>}</p>

<p>div.product_img_div ul li{</p>

<pre><code>list-style-type:none;
margin-top: 3px;</code></pre>

<p>}</p>

<p>div.img_with_link a{</p>

<pre><code>text-decoration: none;</code></pre>

<p>}</p>

<p>div.img_with_link p{</p>

<pre><code>text-decoration: none;
color: #333;</code></pre>

<p>} div.img_with_link p:hover {</p>

<pre><code>text-decoration: none;
color: #c81623;</code></pre>

<p>}</p>

<p>.sk .img_box {</p>

<pre><code>padding: 12px 0 13px;
height: 225px;
overflow: hidden;</code></pre>

<p>}</p>

<p>.img_box {</p>

<pre><code>background-color: #fff;</code></pre>

<p>}</p>

<p>.products_list {</p>

<pre><code>color: #999;</code></pre>

<p>}</p>

<p>.sk_item {</p>

<pre><code>float: left;
width: 170px;
height: 225px;
padding: 0 14px 0 15px;
border-right: 1px solid #e7e7e7;</code></pre>

<p>}</p>

<p>.sale_product_name {</p>

<pre><code>color: #999;
display: block;
max-width: 100%;
_width: 100%;
overflow: hidden;
font-size: 12px;
text-align: left;
height: 32px;
line-height: 16px;
word-wrap: break-word;
word-break: break-all;</code></pre>

<p>}</p>

<p>img.product_item_img {</p>

<pre><code>width: 130px;
height: 130px;
margin: 17px 0;</code></pre>

<p>}</p>

<p>div.sale_category a{</p>

<pre><code>text-decoration: none;
font-size: 16px;</code></pre>

<p>}</p>

<p>div.sale_category a:hover{</p>

<pre><code>text-decoration: none;
color: #c81623;
font-size: 18px;</code></pre>

<p>}</p>

<pre><code>section.sale_product_top_bar {
  width: 100%;
  background: #333;
  box-shadow: inset 0 -1px 0 0 #242424;
  font-size: 14px;
  color: #9b9b9b;
  margin-top: 20px;
  margin-left: 15px;</code></pre>

<p>}</p>

<p>div.top_bar_more_category_products a{</p>

<pre><code>float: right;</code></pre>

<p>}</p>

<p>a.top_bar_more_products_lk{</p>

<pre><code>float: right;</code></pre>

<p>}</p>

<p>div.sale_category {</p>

<pre><code>margin-top: 15px;
margin-left: 20px;
width: 100%;
font-size: 28px;
font-weight: 500;
color: #312d1f;
padding-left: 20px;
height: 40px;
line-height: 40px;
position: relative;</code></pre>

<p>}</p>

<p>div.sale_category:after {</p>

<pre><code>margin-top: 15px;
margin-left: 20px;
width: 100%;
font-size: 28px;
font-weight: 500;
color: #312d1f;
padding-left: 20px;
height: 40px;
line-height: 40px;
position: relative;</code></pre>

<p>}</p>

<p>:after, :before {</p>

<pre><code>box-sizing: border-box;</code></pre>

<p>}</p>

<p>div.sales_header_login_with_logout li{</p>

<pre><code>float: left;
margin-top: 15px;
padding-left: 10px;</code></pre>

<p>}</p>

<p>div.top-nav {</p>

<pre><code>margin-right: 20px;</code></pre>

<p>}</p>

<p>p.sk_item_price{</p>

<pre><code>color: #333;</code></pre>

<p>}</p>

    </div>
  


  


  
  


  


  

  



  

    

    

    


    


    <!-- Methods -->
              </div>

    </div>
  </body>
</html>
